<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    {{seo}}
    <title>{{$title}}</title>
    <meta name="keyword" content="{{$keyword}}" />
    <meta name="description" content="{{$describe}}" />
    {{/seo}}
    <link rel="stylesheet" href="{{$static_path}}/static/common/css/reset.css">
    <link rel="stylesheet" href="{{$static_path}}/static/common/css/swiper_2.7.css">
    <link rel="stylesheet" href="{{$static_path}}/static/common/css/header.css">
    <link rel="stylesheet" href="{{$static_path}}/static/common/css/footer.css">
    <link rel="stylesheet" href="{{$static_path}}/static/css/curriculum/list_curriculum-answers.css">
    <link rel="stylesheet" href="{{$static_path}}/static/common/css/common.css">
    <script src="{{$static_path}}/static/common/js/jquery-1.11.3.js"></script>
</head>

<body>
    <!-- 头部部分 -->
    {{include file="header.tpl"}}
    <!-- 内容区域 -->
    <div class="dh-main">
        <div class="curriculum-banner"></div>
        <div class="main-content">
            <div class="main-left">
                <div class="dh-top1">
                    <p class="h-top">网络课堂</p>
                </div>
                <ul class="dh-list">
                    {{navigation parentid="37"}}
                        {{foreach $list as $k => $v}}
                            <li> <a href="{{$v['url']}}" {{if $get.category|in_array:$v['allchildurl']}}class="dh-acitve"{{/if}}>{{$v['name']}}</a></li>
                        {{/foreach}}
                    {{/navigation}}
                </ul>
            </div>
            <div class="main-right">
                {{crumbs url=$smarty.get.category}}
                <div class="right-txt-box">
                    <h1>{{$title}}</h1>
                    <div class="wz">
                        <span class="wz-span">您的位置：<a href="">首页</a> > {{$crumbs}} </span>
                    </div>
                </div>
                {{/crumbs}}
                <!-- 右侧的内容 -->
                <ul class="box-list">
                    {{content category=$smarty.get.category pageSize=9 pageArgs=[3,4,5,6,7]}}
                    {{counter start=0 skip=1 print=false}}
                    {{foreach $list as $k => $v}}
                    <li class="box-q1">
                        <div class="box-top">
                            <div class="qs">Q{{counter}}</div>
                            <p>{{$v['title']}}</p>
                            <img class="slideShow" src="{{$static_path}}/static/images/list_curriculum-answers/btn_bottom.png" alt="">
                        </div>
                        <div class="box-content">
                            <span class="s-txt">A</span>
                            <div class="txt-name-box">
                                {{$v['content']}}
                            </div>
                        </div>
                    </li>
                    {{/foreach}}
                    {{/content}}
                </ul>
                <!-- 分页 -->
                <div class="dywPages">
                    {{$pageInfo['html']}}
                </div>
            </div>
            </div>
            <div>
            </div>

        </div>

    </div>


    </div>

    <!--放一个id为footer的div,把footer.html加载到这块-->
    {{include file="footer.tpl"}}
    <!-- 底部部分 -->
    <!-- 弹窗部分 -->
    <!-- 测评结果 -->
    <div class="hide-jg" style="display: none;">
        <div class="kuang-jg">
            <h3>测评结果</h3>
            <p>您的得分总计为<em>85分</em></p>
            <p>您的风险承受能力等级为：<em>积极型</em></p>
            <p>如你对该评估结果不满意，可重复评估。</p>
            <button class="btn-pc">确认</button>
        </div>
    </div>

    <!-- 测评结果 -->
    <div class="hide-jg1" style="display: none;">
        <div class="kuang-jg1">
            <h3>机构声明</h3>
            <p>
                尊敬的投资者：经营机构的适当性匹配意见不表明其对产品或者服务的风险和收益做出实质性判断或者保证。投资者根据自身能力审慎决策，独立承担投资风险。<br>
                风险承受能力评估是经营机构履行适当性管理义务的基础环节，其目的是便于对您的风险承受能力进行分类分级，使本公司所提供的产品或服务与您的风险承受能力等级相匹配，有助于您选择合适的产品或服务类别。<br>
                我们真诚提醒您：本公司向客户履行风险承受能力评估等适当性职责，并不能取代您自己的投资判断，也不会降低产品或服务的固有风险。同时，本公司根据您提供的信息对您进行的基本风险承受能力评估，并依此提供匹配意见。购买产品或证券服务相关的投资风险、履约责任以及费用等将由您自行承担。
            </p>
            <button class="btn-pc1">确认</button>
        </div>
    </div>
</body>

<!-- 加载头尾 -->

<script src="{{$static_path}}/static/common/js/load.js"></script>
<script src="{{$static_path}}/static/common/js/swiper_2.7.js"></script>
<script>

    $('.zs-tabs>p').click(function () {
        $(this).addClass('zs-acitve').siblings().removeClass('zs-acitve')
        $('.box-tab-hide').eq($(this).index()).show().siblings().hide()
    })


    // 点击显示隐藏内容滑动效果

    $('.box-top').click(function () {
        $(this).next().slideToggle(600)
        
        if ($(this).children('.slideShow').attr('src') == '{{$static_path}}/static/images/list_curriculum-answers/btn_bottom.png') {
            $(this).children('.slideShow').attr('src', '{{$static_path}}/static/images/list_curriculum-answers/btn_top.png');
        } else {
            ($(this).children('.slideShow').attr('src', '{{$static_path}}/static/images/list_curriculum-answers/btn_bottom.png'))
        }

    })
</script>

</html>